<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        @media print {
            .pageBreak {
                page-break-after: always;
            }
            .Printtable{
                display: inline-block;
            }
        }

        @media screen {
            .print{
                display: none;
            }
        }


    </style>
</head>
<body>
<!-- 页面打印功能开始 -->
<div id="print-content" class="print-content" style="width: 1000pt;">
    <!--A3:700pt A4:1000pt-->
    <div class="header" id="header">
        <div>
            <h1>样本出库交接单</h1>
            <div id="action-buttons">
                <input onclick="aaa()" type="button" value="  打印  " class="btn" id="showPrintButton"/>
            </div>
        </div>
        <!-- 页面顶部信息 -->
        <div class="headInfo print" id="headerInfo">
            <!--            <span class="floatRight">   记录总数：50 </span>-->
            <span>h</span>
            <span>e</span>
            <span>a</span>
            <span>d</span>
        </div>
    </div>
    <!-- 页面记录信息 -->
    <table class="Printtable print" id="tabContent" >
        <thead>
        <tr>
            <td>name</td>
            <td>age</td>
            <td>address</td>
        </tr>

        </thead>
        <tbody>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        <tr>
            <td>1111111</td>
            <td>2222222</td>
            <td>333333333</td>
        </tr>
        </tbody>

    </table>
    <!-- 页码信息 -->
    <div class="print" id="footerInfo">
                <span class="floatRight pageNum">1/1</span>
        <span>f</span>
        <span>o</span>
        <span>o</span>
        <span>t</span>

    </div>
    <input type="text" name="a"/>aa
</div>
<!-- 页面打印功能结束 -->


</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="jquery.printTable.js"></script>
<script src="jquery.jqprint-0.3.js"></script>
<script src="jqprint.js"></script>
<script src="printThis.js"></script>
<script src="jquery.PrintArea.js"></script>

<script type="text/javascript">
function aaa(){
    $("#tabContent").printTable({
        mode: "rowNumber",
        header: "#headerInfo",
        footer: "#footerInfo",
        pageNumStyle: "第#p页/共#P页",
        pageNumClass: ".pageNum",
        pageSize: 10
    });
    $('#print-content').printThis({
        importStyle:true
    });
    // window.print()
}

</script>
</html>